import React from 'react'
import styles from './index.module.less'
import type { CheckboxScheme } from '../../interface'
import { Rate } from 'antd-mobile'
import IconFont from '@/components/IconFont'

export default function QuesRate(props: { scheme: CheckboxScheme }) {
    const { scheme } = props
    const { properties } = scheme || {}
    return (
        <div className={styles.rate_container}>
            <div className={styles.question}>{properties?.title}</div>
            <div className={styles.answer_content}>
                <div className={styles.rate_content}>
                    <div className={styles.sub_title}>① 副题巴拉巴拉内容副题巴拉巴拉内容副题巴拉巴拉内：</div>
                    <div className={styles.rate_wrapper}>
                        <Rate readOnly value={4} character={<IconFont type="icon-icon_pingfen" />} />
                    </div>
                </div>
                <div className={styles.rate_content}>
                    <div className={styles.sub_title}>① 副题巴拉巴拉内容副题巴拉巴拉内容副题巴拉巴拉内：</div>
                    <div className={styles.rate_wrapper}>
                        <Rate readOnly value={4} character={<IconFont type="icon-icon_pingfen" />} />
                    </div>
                </div>
            </div>
        </div>
    )
}
